<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="/include/taglibs.jsp"%>

<link rel="stylesheet"
	href="<%=request.getContextPath() %>/styles/ui.tabs.css"
	type="text/css" media="print, projection, screen">
<style type="text/css" media="screen, projection">
/* Not required for Tabs, just to make this demo look better... */
body,h1,h2 {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial,
		sans-serif;
}

h1 {
	margin: 1em 0 1.5em;
	font-size: 18px;
}

h2 {
	margin: 2em 0 1.5em;
	font-size: 16px;
}

p {
	margin: 0;
}

pre,pre+p,p+p {
	margin: 1em 0 0;
}

code {
	font-family: "Courier New", Courier, monospace;
}
</style>
<script type="text/javascript">
function sethciframeHeight(frameId)
 { 
  var hciframe=document.getElementById(frameId);
  if (document.getElementById)
   { 
	   if (hciframe && !window.opera)
	    { 
	      if(navigator.userAgent.indexOf("MSIE")>0) { //以下是ie浏览器的处理方法
		       var subWeb = document.frames ? document.frames[frameId].document : hciframe.contentDocument; 
				if(hciframe != null && subWeb != null)  
				{ 
					if(subWeb.body.scrollHeight<document.body.clientHeight-30){//当子窗体内容高度小于窗体高度时
				  		hciframe.height=document.body.clientHeight-30;
				  	}
				  	else{//当子窗体内容高度大于窗体高度时，即出现滚动条时
				  		hciframe.height=subWeb.body.scrollHeight;
				  	}
				}  
		   }
		   else{//其他浏览器的处理方式
		    if (hciframe.contentDocument && hciframe.contentDocument.body.offsetHeight)
		    	if(hciframe.contentDocument.body.offsetHeight<document.body.clientHeight-30)//当子窗体内容高度小于窗体高度时
		    	{
		    		hciframe.height=document.body.clientHeight-30;
		    	}
		    	else{//当子窗体内容高度大于窗体高度时，即出现滚动条时
		    		hciframe.height = hciframe.contentDocument.body.offsetHeight;
		    	}
		     	
		   }
				
			
        }
      
	 }
 }
</script>
<script src="<%=request.getContextPath() %>/scripts/ui.tabs.pack.js"
	type="text/javascript"></script>
<script type="text/javascript">
 $(function(){
    var $tabs = $('#container-1 ul').tabs({
     	//remote: true,
     	cache:true
    });
    $("#frame-1").attr("src",$("#frame-1").attr("srcShow"));
});
</script>
<div id="container-1">
<ul>
	<li><a href="#iframe-1"><span>电视墙</span></a></li>
	<li><a href="#iframe-2"
		onClick="javascript:if($('#frame-2').attr('src') != ''){return;};document.getElementById('frame-2').src='<c:url value=""/>';"><span>网络监控</span></a></li>
</ul>
<div id="iframe-1"><iframe id="frame-1" width="100%"
	scrolling="no" onload="sethciframeHeight('frame-1')"
	srcShow="<c:url value="common.indextvwall.do"/>" frameborder="0" style="width: 100%">
</iframe></div>
<div id="iframe-2"><iframe id="frame-2" width="100%" height="750px"
	scrolling="no" onload="sethciframeHeight('frame-2')" src='common.indextree.do?method=getRegionManage'
	frameborder="0" style="width: 100%"> </iframe></div>
</div>
